.list-component{
  padding: 0 10px;
  .title{
    width: 100%;
    font-size:12px;
    font-weight:550;
    color: #000;
    margin-bottom: 10px;
  }
  .list{
    width: 100%;
    .list-item{
      display: flex;
      justify-content: flex-start;
      align-items: center;
      font-size:12px;
      font-weight:400;
      height: 30px;
      color: #9C9C9C;
      overflow: hidden; /* 超出部分隐藏 */
      .txt{
        // flex-grow: 0.7; /* 子元素平分父元素宽度 */
        // flex-shrink: 0;
        flex: 0 0 65%; /* 第一个子元素占据 70% 的宽度，不随内容扩展和收缩 */
        // overflow: hidden; /* 超出部分隐藏 */
        height: 30px;
        line-height: 30px;
        overflow: hidden; /* 超出部分隐藏 */
        white-space: nowrap; /* 不换行 */
        text-overflow: ellipsis; /* 使用省略号代替超出的文本 */
      }  
      .time{
        flex: 0 0 35%; /* 第二个子元素占据 30% 的宽度，不随内容扩展和收缩 */
        // flex-grow: 0.3; /* 子元素平分父元素宽度 */
        text-align: right;
      }
    }   
  }
  .down{
    margin: 10px 0;
    display: flex;
    justify-content: center;
    color: #9C9C9C;
    cursor: pointer;
  }
}
